<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.5/dayjs.min.js"></script> -->
</head>
<body>
    <div id="app">
        全局注册<Hello/>组件
    </div>
    <template id="hello">
        <div>
            Hello 组件
        </div>
    </template>
</body>
<script>
    /*
        Vue中提供了两种创建组件的形式
            *   全局注册组件 Vue.component()
            *   局部注册组件 components选项
    */ 

   //注意：子孙组件必须在根组件前提前注册
   //！全局
   Vue.component("Hello",{
        template:'#hello',//template是用于子组件来选定模板的
   })
 new Vue({//创建根组件
   el:"#app"
    
   })
</script>
</html>